<!-- 基于 yudao-ui-admin 的羡民软件全栈开发脚手架，由山野羡民(1032694760@qq.com)二次开发及维护 -->
<!doctype html>
<html lang="zh">
<head>
    <title>%VITE_APP_TITLE% - 欢迎使用</title>
    <meta charset="UTF-8"/>
    <meta content="pc,mobile" name="applicable-device"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!--suppress HtmlWrongAttributeValue -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <!--suppress HtmlWrongAttributeValue -->
    <meta http-equiv="Pragma" content="no-cache"/>
    <!--suppress HtmlWrongAttributeValue -->
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="keywords" content="yudao,芋道,xianmin,羡民,二次开发,全栈开发,脚手架"/>
    <meta
            name="description"
            content="基于 TypeScript + Vite + Vue 3 + Element-Plus + UnoCSS 技术搭建的后台管理系统，基于 yudao 源码二次开发的羡民软件全栈开发脚手架。"
    />
    <meta name="author" content="山野羡民（QQ:1032694760）"/>
    <link rel="icon" type="image" href="/favicon.ico"/>
    <style>
        .app-loading {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background: #f0f2f5;
        }

        .app-loading .app-loading-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            display: flex;
            /*noinspection CssUnknownProperty*/
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .app-loading .app-loading-item {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 60px;
            vertical-align: middle;
            border-radius: 50%;
        }

        .app-loading .app-loading-outter {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 4px solid #666666;
            border-bottom: 0;
            border-left-color: transparent;
            border-radius: 50%;
            animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
        }

        .app-loading .app-loading-inner {
            position: absolute;
            top: calc(50% - 20px);
            left: calc(50% - 20px);
            width: 40px;
            height: 40px;
            border: 4px solid #999999;
            border-right: 0;
            border-top-color: transparent;
            border-radius: 50%;
            animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
        }

        @-webkit-keyframes loader-outter {
            0% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes loader-outter {
            0% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-webkit-keyframes loader-inner {
            0% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
            }
        }

        @keyframes loader-inner {
            0% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                /*noinspection CssUnknownProperty*/
                -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
            }
        }

        .app-loading .app-loading-title {
            margin-top: 20px;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
        }
    </style>
</head>
<body>
<div id="app">
    <div class="app-loading">
        <div class="app-loading-wrap">
            <div class="app-loading-item">
                <div class="app-loading-outter"></div>
                <div class="app-loading-inner"></div>
            </div>
            <div class="app-loading-title">
                <p>资源加载中，请稍候。</p>
                <p style="font-size: smaller; color: #666666"
                >欢迎使用%VITE_APP_TITLE%后台管理系统。</p
                >
            </div>
        </div>
    </div>
</div>
<script>
    // Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko
    // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0
    let ua = navigator.userAgent.toLocaleLowerCase()
    console.log('UserAgent=' + ua)
    const searchParams = new URLSearchParams(location.search)
    console.log('URLSearchParams=' + searchParams)
    const type = searchParams.get('type')
    let isScanQrcode =
        type != null &&
        [
            'invite',
            'shop',
            'payment',
            'verify',
            'dinein',
            'agency',
            'purchase',
            'transfer'
        ].includes(type.toLocaleLowerCase())
    if (isScanQrcode) window.location.href = './wx-scan.html'
    let isIE = ua.match(/msie/i) != null || ua.match(/trident/) != null
    if (isIE) window.location.href = './ie.html'
</script>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
